﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="60;url='http://localhost:8060/steam.html'">
    <title>基于Hadoop的Steam游戏平台数据分析与可视化</title>
    <script type="text/javascript" src="steam/js/jquery.js"></script>
    <script type="text/javascript" src="steam/js/echarts.min.js"></script>
    <script language="JavaScript" src="steam/js/js.js"></script>
    <script type="text/javascript" src="steam/js/echarts-wordcloud.js"></script>
    <link rel="stylesheet" href="steam/css/comon0.css">
</head>
<body>
<div class="loading">
    <div class="loadbox"><img src="steam/images/loading.gif"> 页面加载中...</div>
</div>
<div class="head">
    <h1><a>基于Hadoop的Steam游戏平台数据分析与可视化</a></h1>
    <div class="time" id="showTime">2023/11/17 16:16:54</div>
    <script>
        var t = null;
        t = setTimeout(time, 1000);//開始运行
        function time() {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y = dt.getFullYear();
            var mt = dt.getMonth() + 1;
            var day = dt.getDate();
            var h = dt.getHours();//获取时
            var m = dt.getMinutes();//获取分
            var s = dt.getSeconds();//获取秒
            var t = null;
            document.getElementById("showTime").innerHTML = y + "/" + Appendzero(mt) + "/" + Appendzero(day) + " " + Appendzero(h) + ":" + Appendzero(m) + ":" + Appendzero(s) + "";

            function Appendzero(obj) {
                if (obj < 10) return "0" + "" + obj;
                else return obj;
            }

            t = setTimeout(time, 1000); //设定定时器，循环运行
        }

    </script>

</div>
<div class="mainbox">
    <ul class="clearfix">
        <li>

            <div class="boxall" style="height: calc(58% - .15rem)">
                <div class="alltitle">游戏价格分布</div>
                <div class=" boxnav " id="echarts4">
                </div>
            </div>
            <div class="boxall" style="height: calc(42% - .15rem)">
                <div class="alltitle">游戏特征词云图</div>
                <div class="boxnav" id="echarts3"></div>
            </div>
        </li>
        <li>
            <div class="boxall" style="height: calc(33% - .15rem)">
                <div class="alltitle">游戏年龄要求情况</div>
                <div class="boxnav" id="echarts8"></div>
            </div>
            <div class="boxall" style="height: calc(33% - .15rem)">
                <div class="alltitle">前20的出版商</div>
                <div class="boxnav" id="echarts1"></div>
            </div>
            <div class="boxall" style="height: calc(34% - .15rem)">
                <div class="alltitle">每种游戏的好评率、差评率</div>
                <div class="boxnav" id="echarts2"></div>
            </div>

        </li>
        <li>

            <div class="boxall" style="height: calc(33.333% - .15rem)">

                <div class="alltitle">每年的新游戏</div>
                <div class="boxnav" id="echarts5"></div>

            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">前20的开发商</div>
                <div class="boxnav" id="echarts7"></div>

            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">平台游戏数量分布</div>
                <div class="boxnav" id="echarts6" style="height:calc(100% - .3rem);"></div>
            </div>
        </li>
    </ul>
</div>

</body>
</html>
